@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #1b6fd2 !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}

.wrapper{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

.w1200{
	width:1200px;
	margin:0px auto;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
}

#side-nav{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 140px;
	background: #fff;
	z-index: 99;
}

#side-nav .arrow{
	position: absolute;
	top: 106px;
	right: -14px;
	height: 93px;
	width: 14px;
	background: #1b6fd2;
	border-radius: 0px 14px 14px 0px;
	cursor: pointer;
}

#side-nav .arrow i{
	position: absolute;
	left: 4px;
	top: 50%;
	margin-top: -5px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #c0d8f3;
}

#side-nav .title{
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #1b6fd2;
}

#side-nav .main{
	border: 1px solid #efefef;
}

#side-nav li{
	line-height: 42px;
	font-size: 18px;
	text-align: center;
	color: #4a4e53;
	position: relative;
	border-top: 1px solid #efefef;
}

#side-nav li a{
	color: #4a4e53;
}

#side-nav li span{
	cursor: pointer;
}

#side-nav li span:hover{
	color: #1b6fd2;
}

#side-nav li i{
	position: absolute;
	right: 10px;
	top: 16px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #c0d8f3;
}

#side-nav .open{
	background: #e6eff9;
	border-color: #dfdfdf;
}

#side-nav .open dl{
	display: block;
	
}

#side-nav dl{
	display: none;
	border-top: 1px solid #efefef;
	padding: 5px 0px;
	background: #fff;
}

#side-nav dd{
	font-size: 16px;
	line-height: 38px;
	height: 38px;
}

#side-nav dd a{
	color: #a3a1a1;
}

#top{
	background: #fafafa;
	overflow: visible;
	font-family: "SimSun";
	border-bottom: 1px solid #efefef;
	z-index: 9;
}

#top .w1200{
	height: 40px;
	line-height: 40px;
	overflow: visible;
}

#top .icon1{
	background: url(images/top-icon1.gif) no-repeat right center;
	padding-right: 15px;
}

#top .icon2{
	background: url(images/top-icon2.gif) no-repeat right center;
	padding-right: 10px;
}

#top .left{
	color: #e3e3e3;
}

#top .left a{
	margin: 0px 8px;
	color: #333;
}

#top .right,#top .right a{
	color: #666;
}

#top .right a,#top .right span{
	margin-left: 20px;
	cursor: pointer;
}

#top .right span{
	position: relative;
	display: inline-block;
	z-index: 999;
}

#top .right .drop{
	position: absolute;
	right: 0px;
	top: 30px;
	background: #fff;
	border: 1px solid #40a4bf;
	box-shadow: 0px 0px 5px #1b6fd2;
	border-radius: 3px;
	padding: 5px 10px;
	display: none;
	z-index: 999;
}

#top .right .drop p{
	line-height: 20px;
	padding: 3px 0px;
}

#top .right .drop a{
	margin: 0px;
	white-space:nowrap;
}

#top .right span:hover .drop{
	display: block;
}

#footer{
	background: #1b6fd2;
	text-align: center;
	line-height: 24px;
	padding: 30px 0px;
	margin-top: 80px;
	z-index: 9;
}

#header{
	background: #fff;
	height: 55px;
	padding: 18px 0px;
	z-index: 9;
}

#header .logo{
	float: left;
	height: 55px;
}

#nav{
	background: #1b6fd2;
	z-index: 9;
}

#nav .w1200{
	height: 55px;
	line-height: 55px;
	font-size: 18px;
}

#nav .title{
	float: left;
	width: 145px;
	text-align: center;
	font-weight: bold;
}

#nav .line{
	height: 35px;
	width: 1px;
	float: left;
	margin: 10px 0px 0px 0px;
	background: #fff;
	position: relative;
}

#nav .line i{
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -5px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #fff;
}

#nav a{
	margin-left: 45px;
}

#nav2{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #5c7dc1;
}

#nav2 a{
	color: #5c7dc1;
}

#nav2 .left ul{
	margin-left: -55px;
}

#nav2 .left li{
	float: left;
	margin-left: 55px;
	background-repeat: no-repeat;
	background-position: left center;
}

#nav2 .link1{ background-image: url(images/nav2-1.png); padding-left: 36px; }
#nav2 .link2{ background-image: url(images/nav2-2.png); padding-left: 36px; }
#nav2 .link3{ background-image: url(images/nav2-3.png); padding-left: 28px; }
#nav2 .link4{ background-image: url(images/nav2-4.png); padding-left: 38px; }
#nav2 .link5{ background-image: url(images/nav2-5.png); padding-left: 33px; }

#nav2 .right a,#nav2 .right span{
	background-repeat: no-repeat;
	background-position: left center;
}

#nav2 .link6{ background-image: url(images/nav2-6.png); padding-left: 26px; }
#nav2 .link7{ background-image: url(images/nav2-7.png); padding-left: 30px; }
#nav2 .link8{ background-image: url(images/nav2-8.png); padding-left: 30px; }

#nav2 .right span{
	position: relative;
	cursor: pointer;
	padding-right: 13px;
}

#nav2 .right span i{
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -3px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 6px solid #5c7dc1;
}

#nav2 .right span label{
	position: absolute;
	right: 0px;
	top: 24px;
	padding: 5px;
	width: 100px;
	height: 100px;
	background: #fff;
	box-shadow: 0px 0px 5px #1b6fd2;
	display: none;
}

#nav2 .right span label img{
	width: 100px;
	height: 100px;
}

#nav2 .right span:hover label{
	display: block;
}

#layout1{
	margin-top: 45px;
}

#layout1 .main{
	float: left;
	width: 800px;
}

#layout1 .side{
	float: right;
	width: 365px;
}

#layout1 .box1 .search{
	float: left;
	width: 342px;
	height: 38px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	position: relative;
}

#layout1 .box1 .search .text{
	float: left;
	margin-left: 20px;
	width: 180px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	padding: 0px;
	border: none;
	outline: none;
}

#layout1 .box1 .search .text::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #a3a3a3;
}
#layout1 .box1 .search .text:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #a3a3a3;
}
#layout1 .box1 .search .text::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #a3a3a3;
}
#layout1 .box1 .search .text:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #a3a3a3;
}

#layout1 .box1 .search .choose{
	float: left;
	border-left: 1px solid #ebebeb;
	margin-left: 12px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	color: #a3a3a3;
	width: 46px;
	padding-left: 32px;
	position: relative;
	cursor: pointer;
}

#layout1 .box1 .search .choose i{
	position: absolute;
	left: 13px;
	top: 50%;
	margin-top: -0px;
	width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #6d6d6d;
}

#layout1 .box1 .search .drop{
	display: none;
	position: absolute;
	width: 78px;
	top: 38px;
	right: 50px;
	background: #fff;
	border: 1px solid #ebebeb;
}

#layout1 .box1 .search .drop p{
	font-size: 16px;
	line-height: 20px;
	padding: 3px 0px;
	text-align: center;
	color: #a3a3a3;
}

#layout1 .box1 .search .drop p:hover{
	cursor: pointer;
	background: #5c7dc1;
	color: #fff;
}

#layout1 .box1 .search .sub{
	float: right;
	width: 50px;
	height: 38px;
	background: #5c7dc1 url(images/ly1-search.png) no-repeat center center;
	border: none;
	cursor: pointer;
	border-radius: 0px 3px 3px 0px;
}

#layout1 .box1 .num{
	float: right;
	width: 425px;
	line-height: 40px;
	height: 40px;
	color: #333;
}

#layout1 .box1 .num span{
	margin-left: 15px;
}

#layout1 .box2{
	margin-top: 20px;
}

#layout1 .box2 li{
	border-bottom: 1px solid #d8d6d6;
	padding: 15px 0px;
}

#layout1 .box2 h3{
	font-size: 30px;
	line-height: 40px;
	height: 40px;
	font-weight: normal;
}

#layout1 .box2 h3 a{
	color: #333;
}

#layout1 .box2 p{
	line-height: 28px;
	font-size: 15px;
	color: #8b8a8a;
	max-height: 56px;
	margin-top: 8px;
}

#layout1 .box2 .time{
	font-size: 12px;
	font-family: "SimSun";
	line-height: 18px;
	color: #999;
	text-align: right;
	margin-top: 20px;
}

#layout1 .box3{
	height: 47px;
	line-height: 47px;
}

#layout1 .box3 a{
	float: left;
	font-size: 20px;
	color: #525252;
	padding-left: 65px;
	background-repeat: no-repeat;
	background-position: left center;
}

#layout1 .box3 .btn1{ background-image: url(images/ly1-icon1.png); }
#layout1 .box3 .btn2{ background-image: url(images/ly1-icon2.png); margin-left: 45px; }

#layout1 .box4{
	border: 1px solid #ebebeb;
	background: #f6fafe;
	margin-top: 20px;
	height: 295px;
}

#layout1 .box4 .time{
	text-align: center;
	line-height: 20px;
	height: 20px;
	padding-top: 25px;
}

#layout1 .box4 .login{
	width: 315px;
	margin: 22px auto 0px auto;
}

#layout1 .box4 .login .text{
	width: 293px;
	padding: 0px 10px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 18px;
	border: 1px solid #91a2b3;
	outline: none;
	font-size: 14px;
}

#layout1 .box4 .login .text::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #68717a;
}
#layout1 .box4 .login .text:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #68717a;
}
#layout1 .box4 .login .text::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #68717a;
}
#layout1 .box4 .login .text:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #68717a;
}

#layout1 .box4 .login .btn{
	float: left;
	height: 37px;
	line-height: 37px;
	border: none;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	border-radius: 3px;
	color: #fff;
	margin-top: 12px;
}

#layout1 .box4 .login .btn:hover{
	color: #dfdfdf !important;
}

#layout1 .box4 .login .btn1{ background: #f4944e; width: 82px; }
#layout1 .box4 .login .btn2{ background: #e45968; width: 82px; margin-left: 12px; }
#layout1 .box4 .login .btn3{ background: #5c7dc1; width: 128px; float: right; }

#layout1 .box4 .login .bottom{
	line-height: 20px;
	height: 20px;
	text-align: center;
	margin-top: 20px;
	color: #bbb;
	font-size: 12px;
}

#layout1 .box4 .login .bottom a{
	color: #666;
	margin: 0px 10px;
}

#layout1 .box4 .login .bottom .qq{
	background: url(images/ly1-qq.png) no-repeat left center;
	padding-left: 20px;
}

#layout1 .box4 .login2{
	width: 315px;
	margin: 30px auto 0px auto;
	font-size: 18px;
}

#layout1 .box4 .login2 .name .photo{
	float: left;
	width: 70px;
	height: 70px;
	border: 1px solid #e6e6e6;
	background: #9f9e9c;
	margin-right: 18px;
}

#layout1 .box4 .login2 .name .photo img{
	width: 100%;
	height: 100%;
}

#layout1 .box4 .login2 .name p{
	line-height: 72px;
	height: 72px;
}

#layout1 .box4 .login2 .link{
	line-height: 24px;
	margin-top: 20px;
}

#layout1 .box4 .login2 .bottom{
	line-height: 24px;
	margin-top: 35px;
}

#layout1 .box4 .login2 .bottom .left{
	color: #1b6fd2;
}

#layout1 .box5{
	line-height: 30px;
	height: 30px;
	margin-top: 15px;
	font-size: 18px;
	margin-left: -20px;
}

#layout1 .box5 a{
	float: left;
	color: #5c7dc1;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 20px;
}

#layout1 .box5 .btn1{ background-image: url(images/ly1-icon3.png); padding-left: 35px; }
#layout1 .box5 .btn2{ background-image: url(images/ly1-icon4.png); padding-left: 37px; }
#layout1 .box5 .btn3{ background-image: url(images/ly1-icon5.png); padding-left: 28px; }

#layout2 ul{
	margin-left: -37px;
}

#layout2 li{
	float: left;
	width: 375px;
	height: 255px;
	border-radius: 7px;
	margin: 50px 0px 0px 37px;
}

#layout2 li p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	background-color:rgba(0,0,0,0.6);
	color: #fff;
}

#layout2 li:hover p{
	color: #dfdfdf;
}

#layout2 li .play{
	position: absolute;
	width: 77px;
	height: 77px;
	background: url(images/ly2-play.png);
	left: 50%;
	top: 50%;
	margin: -62px 0px 0px -38px;
}

.title0{
	height: 52px;
	line-height: 52px;
	border-bottom: 3px solid #1b6fd2;
}

.title0 .more{
	float: right;
	width: 30px;
	height: 7px;
	background: url(images/title-more.png);
	margin-top: 22px;
	margin-right: 20px;
}

.title0 .link2{
	float: right;
	font-size: 18px;
	color: #1b6fd2;
	margin-right: 20px;
}

.title0 .text{
	float: left;
	margin-top: 13px;
}

.title0 .tab{
	float: left;
}

.title0 .tab i{
	float: left;
	width: 1px;
	height: 32px;
	margin: 10px 12px 0px 12px;
	background: #cfcfcf;
}

.title0 .tab a{
	float: left;
	height: 27px;
	margin-top: 12px;
	width: 110px;
	background-repeat: no-repeat;
}

.title0 .tab .text1{ background-image: url(images/ly3-title1b.png); }
.title0 .tab .text2{ background-image: url(images/ly3-title2b.png); }
.title0 .tab .text3{ background-image: url(images/ly3-title3b.png); }
.title0 .tab .text4{ background-image: url(images/ly3-title4b.png); }

.title0 .tab .text1.on{ background-image: url(images/ly3-title1a.png); }
.title0 .tab .text2.on{ background-image: url(images/ly3-title2a.png); }
.title0 .tab .text3.on{ background-image: url(images/ly3-title3a.png); }
.title0 .tab .text4.on{ background-image: url(images/ly3-title4a.png); }

#layout3{
	margin-top: 50px;
}

#layout3 .block{
	width: 570px;
}

#layout3 .list{
	margin-top: 15px;
}

#layout3 .list li{
	height: 54px;
	line-height: 54px;
	border-bottom: 1px dashed #ededed;
	font-size: 18px;
}

#layout3 .list li a{
	color: #4b4b4b;
}

#layout3 .list li span{
	color: #1b6fd2;
	margin-right: 3px;
}

#layout4{
	margin-top: 50px;
}

#layout4 .list{
	margin-left: -60px;
}

#layout4 .list li{
	float: left;
	width: 360px;
	margin: 35px 0px 0px 60px;
}

#layout4 .list .photo{
	float: left;
	width: 165px;
	height: 130px;
}

#layout4 .list .text{
	float: right;
	width: 182px;
}

#layout4 .list .text h4{
	line-height: 28px;
	height: 84px;
	font-size: 18px;
	font-weight: normal;
}

#layout4 .list .text h4 a{
	color: #4b4b4b;
}

#layout4 .list .text p{
	background: url(images/ly4-time.png) no-repeat left center;
	padding-left: 22px;
	color: #8d8d8d;
	line-height: 20px;
	height: 20px;
	margin-top: 20px;
}

#layout5{
	border: 1px solid #5382c2;
	margin-top: 60px;
	position: relative;
	padding: 35px 0px 18px 0px;
}

#layout5 .title{
	width: 270px;
	position: absolute;
	left: 465px;
	top: -13px;
	background: #fff;
	text-align: center;
}

#layout5 .title img{
	display: inline-block;
	vertical-align: top;
}

#layout5 .code{
	float: left;
	width: 830px;
	margin: 0px 0px 0px 10px;
}

#layout5 .code li{
	float: left;
	width: 120px;
	margin: 0px 0px 0px 18px;
	text-align: center;
}

#layout5 .code .photo{
	height: 105px;
	width: 105px;
	margin: 0px auto;
}

#layout5 .code p{
	line-height: 20px;
	height: 20px;
	margin-top: 10px;
}

#layout5 .text{
	float: right;
	width: 270px;
	margin: 5px 10px 0px 0px;
}

#layout5 .text .tit2{
	margin-bottom: 15px;
}

#layout5 .text p{
	line-height: 24px;
}

#layout5 .text p span{
	font-weight: bold;
	color: #9d4b35;
}

#layout6{
	margin-top: 50px;
}

#layout6 .show{
	margin-top: 25px;
	height: 267px;
	position: relative;
}

#layout6 .link{
	position: absolute;
}

#layout6 .link:hover{
	box-shadow: 0px 0px 5px #bbb;
}

#ly6-link01{ background: url(images/ly6-pic1.jpg); width: 295px; height: 130px; left: 0px; top: 0px; }
#ly6-link02{ background: url(images/ly6-pic2.jpg); width: 295px; height: 130px; left: 301px; top: 0px; }
#ly6-link03{ background: url(images/ly6-pic3.jpg); width: 144px; height: 130px; left: 603px; top: 0px; }
#ly6-link04{ background: url(images/ly6-pic4.jpg); width: 144px; height: 130px; left: 753px; top: 0px; }
#ly6-link05{ background: url(images/ly6-pic5.jpg); width: 295px; height: 130px; left: 905px; top: 0px; }
#ly6-link06{ background: url(images/ly6-pic6.jpg); width: 144px; height: 130px; left: 0px; top: 137px; }
#ly6-link07{ background: url(images/ly6-pic7.jpg); width: 144px; height: 130px; left: 150px; top: 137px; }
#ly6-link08{ background: url(images/ly6-pic8.jpg); width: 144px; height: 130px; left: 301px; top: 137px; }
#ly6-link09{ background: url(images/ly6-pic9.jpg); width: 144px; height: 130px; left: 451px; top: 137px; }
#ly6-link10{ background: url(images/ly6-pic10.jpg); width: 295px; height: 130px; left: 603px; top: 137px; }
#ly6-link11{ background: url(images/ly6-pic11.jpg); width: 295px; height: 130px; left: 905px; top: 137px; }
#ly6-link11:hover{ background: url(images/ly6-pic11b.jpg); }

#layout7{
	margin-top: 50px;
}

#layout7 .show{
	margin-top: 25px;
	height: 325px;
	position: relative;
}

#layout7 .link{
	position: absolute;
}

#layout7 .link:hover{
	box-shadow: 0px 0px 5px #bbb;
}

#ly7-link01{ background: url(images/ly7-pic1.jpg); width: 400px; height: 154px; left: 0px; top: 0px; }
#ly7-link02{ background: url(images/ly7-pic2.jpg); width: 400px; height: 154px; left: 420px; top: 0px; }
#ly7-link03{ background: url(images/ly7-pic3.jpg); width: 400px; height: 154px; left: 0px; top: 171px; }
#ly7-link04{ background: url(images/ly7-pic4.jpg); width: 400px; height: 154px; left: 420px; top: 171px; }
#ly7-link05{ background: url(images/ly7-pic5.jpg); width: 361px; height: 325px; left: 840px; top: 0px; }